<!DOCTYPE html>
<html lang="en">
<head>
  <title>02_字体图标之使用方法一</title>
  <style>
    @font-face {
      font-family: 'iconfont';
      src: 
          url('../新增web字体/font3/iconfont.woff2?t=1699150716534') format('woff2'),
          url('../新增web字体/font3/iconfont.woff?t=1699150716534') format('woff'),
          url('../新增web字体/font3/iconfont.ttf?t=1699150716534') format('truetype');
    }
    .iconfont {
        font-family: "iconfont" !important;
        font-size: 100px;
    }
  </style>
</head>
<body>
  <span class="iconfont">&#xe64e;</span>
  <span class="iconfont">&#xe654;</span>
  <span class="iconfont">&#xe659;</span>
  <span class="iconfont">&#xe662;</span>


</body>
</html>